<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
		<div class="container">
  <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          HOME
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          FEATURES
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          PAGES
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          PORTFOLLO
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          BLOG
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="li1"><a href="#"><img src="img/logo-.png" alt=""> UPGRADE TO PRO</a></li>
    </ul>
    
  </div>
  </div>
</nav>


<div class="banner1">
	<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <h1>FASY TO CUSTOMIZF</h1>
      <p>Readable code,well documented and Free support</p>
      <a href="#">LEARN MORE</a>
    </div>
    <div class="carousel-item">
      <h1>FASY TO CUSTOMIZF</h1>
      <p>Readable code,well documented and Free support</p>
      <a href="#">LEARN MORE</a>
    </div>
    <div class="carousel-item">
      <h1>FASY TO CUSTOMIZF</h1>
      <p>Readable code,well documented and Free support</p>
      <a href="#">LEARN MORE</a>
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
</div>
<div class="banner2">
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-3">
				<img src="img/img1.png" alt="">
				<p>STRONG STRUCTURE</p>
			</div>
			<div class="col-12 col-md-3">
				<img src="img/img2.png" alt="">
				<p>GLOBAL SERVICES</p>
			</div>
			<div class="col-12 col-md-3">
				<img src="img/img3.png" alt="">
				<p>DYNAMIC CHANGE</p>
			</div>
			<div class="col-12 col-md-3">
				<img src="img/img4.png" alt="">
				<p>EXPONENTIAL GROWTH</p>
			</div>
		</div>
	</div>
</div>
<div class="main1">
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-6">
				<h3>KNOW BETTER</h3>
				<p class="p1">......</p>
				<h4>Synergistically procrastinate on-to-ione resuits for accurste platforms.Assertively whitebord corporate users whereas dynamic initiatives.</h4>
				<p class="p2">Energistically architect leading-edge users and inexpensive internal or"organic"sources.Distinctively evolve e-business resources after progressive intellectual capital.Objectively architect maintainable thchnologies via stategic convergence.Continually optimize stand-alone expertise with e-business e-business.Continually conceptualize client-centered opportunities and.</p>
				<p class="p2">Dynamically customize backward-compatible processes via front-end models.Distinctively evisculate an expanded array of seenarios after virtual information.Professionally predominate technically sound resources through impactful mindshare.Efficiently drive vira interfaces without inexpensive value.Credibly.</p>
			</div>
			<div class="col-12 col-md-6">
				<img src="img/img5.png" alt="">
			</div>
		</div>
	</div>
</div>
<div class="main2">
	<div class="container">
		<div class="row main2-1">
			<div class="col-12 col-md-6 qwe">
				<img src="img/img-1.png" alt="">
				<h4>GOAL ORIENTED</h4>
				<p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing trough an expanded array of functionalities.</p>
			</div>
			<div class="col-12 col-md-6 qwe">
				<img src="img/img-2.png" alt="">
				<h4>GOAL ORIENTED</h4>
				<p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing trough an expanded array of functionalities.</p>
			</div>

		</div>
		<div class="row main2-2">
			<div class="col-12 col-md-6 asd">
				<img src="img/img-3.png" alt="">
				<h4>GOAL ORIENTED</h4>
				<p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing trough an expanded array of functionalities.</p>
			</div>
			<div class="col-12 col-md-6 asd">
				<img src="img/img-4.png" alt="">
				<h4>GOAL ORIENTED</h4>
				<p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing trough an expanded array of functionalities.</p>
			</div>
		</div>
	</div>
</div>
<div class="main3">
	<div class="container">
		<div class="main3-1">
			<img src="img/diannao.png" alt="">
			<h3>ULTRA RESPONSIVE</h3>
			<p>Phosfluorescently revolutionize viral leadership via turnkey technology.Synergistically monetize intermandated strategic theme areas through multimedia based.</p>
		</div>
		<div class="main3-2">
			<ul>
				<li><a class="a1" href="#">Responsive</a></li>
				<li><a href="#">Easy to Customize</a></li>
				<li><a href="#">Design</a></li>
				<li><a href="#">Free Updates & Support</a></li>
			</ul>
		</div>
	</div>
</div>
<div class="main4">
	<div class="container">
		<div class="row main4-1">
			<div class="col-md-10">
				<h4>RECENT WORKS</h4>
				<p>......</p>
				
			</div>
			<div class="col-md-2">
				<a href="">See all works</a>
			</div>
		</div>
		<div class="row main4-2">
			<div class="col-12 col-md-4">
				<img src="img/main1.png" alt="">
			</div>
			<div class="col-12 col-md-4">
				<img src="img/main2.png" alt="">
			</div>
			<div class="col-12 col-md-4">
				<img src="img/main3.png" alt="">
			</div>
		</div>
	</div>
</div>
<div class="latest">
        <div class="container">
           <h5>LATEST NEWS</h5>
           <p class="dian">......</p>
            <div class="row">
                <div class="col-md-4 IN">
                    <img src="img/main5.png" alt="">
                    <h5>In Demand:Collaboration Skill</h5>
                    <p>Phosfluorescently reovlutionize viral leadership via turnkey technology .Synergistically monetize monetize intermandated Predominte interoperbie growth strategies. 23-02-201565 Comments</p>
                </div>
                <div class="col-md-4 growth">
                    <div class="dv1">
                        <div class="left">
                            <img src="img/main6.png" alt="">
                        </div>
                        <div class="right">
                            <p>Growth Strateqies We Must K...</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                   </div>
                    <div class="dv1">
                        <div class="left">
                            <img src="img/main7.png" alt="">
                        </div>
                        <div class="right">
                            <p>Products Research Methodolo..</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                   </div>
                    <div class="dv1">
                        <div class="left">
                            <img src="img/main8.png" alt="">
                        </div>
                        <div class="right">
                            <p>Professional Leverage...</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="dv1">
                        <div class="left">
                            <img src="img/latest-5.jpg" alt="">
                        </div>
                        <div class="right">
                            <p>Products Research Methodolo...</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                    </div>
                    <div class="dv1">
                        <div class="left">
                            <img src="img/latest-6.jpg" alt="">
                        </div>
                        <div class="right">
                            <p>Altdernative E-commerce</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                    </div>
                    <button class="but2">Seel all news→</button>
                </div>
            </div>
        </div>
    </div>

    <div class="projects">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="left">
                        <img src="img/chatou1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>5200</h3>
                        <p>SUBSCRBERS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left">
                        <img src="img/chatou2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>273</h3>
                        <p>PROJECTS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left">
                        <img src="img/chatou3.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>640K</h3>
                        <p>PROJECTS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left">
                        <img src="img/chatou4.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>132</h3>
                        <p>CLIENTS</p>
                    </div>
                </div>
            </div>
        </div>
    </div>


	<div class="get">
        <div class="container">
            <h1>GET IN TOUCH</h1>
            <h3>Call us(1800)765-4321-4321 or</h3>
            <button class="but3">CONTACT US</button>
        </div>
    </div>


<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4 logo">
                <img src="img/footer-1.jpg" alt="">
                <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures</p>
                <p>1234 North Main Street</p>
                <p>New York,NY 222222</p>
                <p>phone:(1800)765-4321</p>
                <p>Emall:email@yourdoman.com</p>
            </div>
            <div class="col-md-4 list">
                <h5>USEFUL LINKS</h5>
                <ul class="f-u1">
                    <li><a href="">About Us</a></li>
                    <li><a href="">News</a></li>
                    <li><a href="">Community</a></li>
                    <li><a href="">Career</a></li>
                    <li><a href="">Blog</a></li>
                </ul>
                <ul class="f-u2">
                    <li><a href="">Press Kit</a></li>
                    <li><a href="">FAQ</a></li>
                    <li><a href="">Terms</a></li>
                    <li><a href="">Privary Pollcy</a></li>
                    <li><a href="">Contact Us</a></li>
                </ul>
            </div>
            <div class="col-md-4 copy">
                <h5>NEWSLETTER</h5>
                <P>Get the latest update from us by subscribing to our newsletter.</P>
                <input class="f-text" type="text" placeholder="youremail@domain.com">
                <input class="f-but" type="button" value="SUBSCRIBE">
                <h5 class="f-h5">GET CONNECTED</h5>
                <ul class="f-u3">
                    <li><img src="img/footer-2.jpg" alt=""></li>
                    <li><img src="img/footer-3.jpg" alt=""></li>
                    <li><img src="img/footer-4.jpg" alt=""></li>
                    <li><img src="img/footer-5.jpg" alt=""></li>
                </ul>
            </div>
        </div>
    </div>
</footer>


<div class="footer-1">
    <div class="container">
        <p>More Templates-Collect from</p>
    </div>
</div>





	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>